@charset "UTF-8";
input::placeholder{
  font-family: "Noto Sans SC","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
html, body, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, input, ins, kbd, label, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { padding: 0; margin: 0; border: 0; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Noto Sans SC","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }

body, html { min-height: 100%; margin: 0; padding: 0; }

table { border-collapse: collapse; }

html { /* 取消移动设备横屏时字体大小自动调整功能. */ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* -webkit-font-smoothing: antialiased; */ }

body { line-height: 1.42; color: #333; -webkit-overflow-scrolling: touch; font-size: 14px; }

/* 手机端下去掉横向滚动跳 */
@media screen and (max-width: 760px) { body { overflow-x: hidden; } }

img { vertical-align: middle; font-size: 0; }

ul, li { list-style: none; }

label { cursor: inherit; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; line-height: 1.4; }

.pull-left { float: left; }

.pull-right { float: right; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.u-left, .fl { float: left; }

.u-right, .fr { float: right; }

.clearfix { zoom: 1; }

.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ''; }

.clearfix:after { clear: both; }

.u-fl { float: left; }

.u-fr { float: right; }

.u-clearfix { zoom: 1; }

.u-bold { font-weight: bold; }

.u-bd { padding-left: rem(32px); padding-right: rem(32px); }

.u-clearfix:before, .u-clearfix:after { display: table; line-height: 0; content: ''; }

.u-clearfix:after { clear: both; }

.u-center { position: absolute 50% auto auto 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.u-centerV { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.u-centerH { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.u-bold { font-weight: bold; }

a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: inherit; cursor: pointer; }

button { outline: none; border: 0; background: transparent; padding: 0; width: initial; font-size: inherit; }

select { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ddd; display: block; width: 100%; background: transparent; direction: ltr; -webkit-box-sizing: border-box; box-sizing: border-box; }

input:focus { outline: none; }

.u-richText img { max-width: 100%; }

input, textarea { outline: none; border: 0; outline: none; background: none; border-radius: 0; -webkit-appearance: none; font-size: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit; }

p { line-height: 1.467; }

.u-modal { opacity: 1 !important; background: rgba(51, 51, 51, 0.2) !important; }

/*flex布局*/
.u-alignItems { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.u-flexContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.u-flexWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.u-flexFlow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.u-flexColumn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }

.u-flexCenter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.u-flexRow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.u-textAlign { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.u-justifyContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.u-between { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.u-around { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.u-required { color: red; }

.u-ell { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.u-ells, .u-ells2, .u-ells3, .u-ells4, .u-ells5, .u-ells6 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0; }

.u-ells3 { -webkit-line-clamp: 3; }

.u-ells4 { -webkit-line-clamp: 4; }

.u-ells5 { -webkit-line-clamp: 5; }

.u-ells6 { -webkit-line-clamp: 6; }

.text-center { text-align: center; }

.text-right { text-align: right; }

/* 实现1px边框 */
[class*=u-border]::after { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; content: ' '; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid #ebedf0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.u-border, .u-border--t, .u-border--r, .u-border--l, .u-border--b, .u-border--tb, .u-border--rl, .u-border--lr, .u-border--bt, .u-border--top, .u-border--right, .u-border--bottom, .u-border--left, .u-border--top--bottom, .u-border--bottom--top, .u-border--left--right, .u-border--right--left { position: relative; }

.u-border::after { border-width: 1px; }

.u-border--t::after, .u-border--top::after { border-top-width: 1px; }

.u-border--l::after, .u-border--left::after { border-left-width: 1px; }

.u-border--r::after, .u-border--right::after { border-right-width: 1px; }

.u-border--b::after, .u-border--bottom::after { border-bottom-width: 1px; }

.u-border--tb::after, .u-border--bt::after, .u-border--top--bottom::after, .u-border--bottom--top::after { border-width: 1px 0; }

.u-border--rl::after, .u-border--lr::after, .u-border--right--left::after, .u-border--left--right::after { border-width: 0 1px; }

.v-flex { position: relative; display: block; overflow: hidden; }

.v-flex::after { content: ""; position: static; display: inline-block; padding-bottom: 100%; vertical-align: middle; }

[v-center-parent] { position: relative; overflow: hidden; }

.v-imgfill-v-center, .v-imgfill-h-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.v-imgfill-v-center { height: auto; width: 100%; min-height: 100%; }

.v-imgfill-h-center { width: auto; min-width: 100%; height: 100%; max-width: none; }

.v-imgfill-v-center-full, .v-imgfill-h-center-full { position: absolute; }

.v-imgfill-v-center-full { height: 100%; width: auto; left: 50%; top: 0; min-width: 1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.v-imgfill-h-center-full { width: 100%; height: auto; top: 50%; left: 0; min-height: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }